<template>
  <div class="container">
    <div class="mb-2 flex items-center text-sm">
      <el-radio-group v-model="radio1" class="ml-4">
        <el-radio value="1" size="large">Option 1</el-radio>
        <el-radio value="2" size="large">Option 2</el-radio>
      </el-radio-group>
    </div>
    <div class="my-2 flex items-center text-sm">
      <el-radio-group v-model="radio2" class="ml-4">
        <el-radio value="1">Option 1</el-radio>
        <el-radio value="2">Option 2</el-radio>
      </el-radio-group>
    </div>
    <div class="my-4 flex items-center text-sm">
      <el-radio-group v-model="radio3" class="ml-4">
        <el-radio value="1" size="small">Option 1</el-radio>
        <el-radio value="2" size="small">Option 2</el-radio>
      </el-radio-group>
    </div>
    <div class="mb-2 flex items-center text-sm">
      <el-radio-group v-model="radio3" disabled class="ml-4">
        <el-radio value="1" size="small">Option 1</el-radio>
        <el-radio value="2" size="small">Option 2</el-radio>
      </el-radio-group>
    </div>
  </div>
</template>

<script>
// import player from '@/components/jessibucaPlayer/jessibuca.vue';
import { ref } from "vue";
export default {
  name: "TestWraper",
  components: {
    // player
  },
  setup() {
    console.log(123)
    let videoUrl = ref("rtmp://49.232.138.212:19935/live/5244");
    const radio1 = ref('1')
    const radio2 = ref('1')
    const radio3 = ref('1')


    return { videoUrl,radio1,radio2,radio3 }
  }
}
</script>

<style>
.container {
  background: white;
}
</style>